<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head th:replace="header::head"></head>
<title>最新一月新番-推荐一月新番-第1页-双辞动漫-专注二次元动漫的小站</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<script type="text/javascript">var maccms = {
    "path": "",
    "mid": "1",
    "url": "www.scdmfun.cn",
    "wapurl": "www.cdmfun.cn",
    "mob_status": "0"
};
var conchtpl = {
    "surl": "/search.html",
    "tipt": "网站公告",
    "tipc": "这里是双辞动漫新站<br><span class='hl-text-conch'>注意事项：</span>1.老站新老站账号不通用<br>老站网址：<span class='hl-text-conch'>dm.scdmfun.cn</span><br>2.如果登录后还是提示未登录请稍等一会再刷新即可<br>动漫闲聊群：<span class='hl-text-conch'>542266218</span>",
    "slink": "https://www.scdmfun.cn/",
    "short": "",
    "api": "0",
    "tok": "",
    "term": "long-term",
    "ver": "3.1"
}</script>
<body>
<div th:replace="header::.conch-header"></div>
<div id="conch-content" class="conch-content">
    <div class="conch-ctwrap">
        <div class="container">
            <div class="hl-row-box">
                <div class="hl-filter-all clearfix">
                    <div class="hl-filter-wrap hl-filter-opt hl-navswiper">
                        <div class="hl-filter-item hl-filter-text"><span>已选</span></div>
                        <ul class="hl-filter-list swiper-wrapper hl-filter-opted clearfix">
                            <li class="hl-slide-swiper">新旧番剧</li>
                            <li class="hl-slide-swiper" v-if="classname!='全部'">{{classname}}&nbsp;<a
                                    @click="changeclassname('全部')"><i
                                    class="iconfont hl-icon-cuo"></i></a></li>
                            <li class="hl-slide-swiper" v-if="ctype!='全部'">{{ctype}}&nbsp;<a
                                    @click="changectype('全部')"><i
                                    class="iconfont hl-icon-cuo"></i></a></li>
                            <li class="hl-slide-swiper" v-if="time!='全部'">{{time}}&nbsp;<a
                                    @click="changetimes('全部')"><i
                                    class="iconfont hl-icon-cuo"></i></a></li>
                            <li class="hl-slide-swiper" v-if="version!='全部'">{{version}}&nbsp;<a
                                    @click="changeversion('全部')"><i
                                    class="iconfont hl-icon-cuo"></i></a></li>
                        </ul>
                        <div class="hl-filter-reselect hl-text-muted"><a @click="removeAll"><i
                                class="iconfont hl-icon-shuaxin"></i>&nbsp;重<em class="hl-hidden-xs">新筛</em>选</a>
                        </div>
                    </div>
                    <div class="hl-filter-wrap hl-navswiper">
                        <div class="hl-filter-item hl-filter-text"><span>分类</span></div>
                        <ul class="hl-filter-list swiper-wrapper clearfix">
                            <li class="hl-filter-item hl-slide-swiper" th:each="list:${classnames}"><a
                                    th:text="${list.csname}" th:@click="|changeclassname('${list.csname}')|"
                                    th:v-bind:class="|'${list.csname}'==classname?'hl-text-conch active':''|">全部</a>
                            </li>
                        </ul>
                    </div>
                    <div class="hl-filter-wrap hl-navswiper">
                        <div class="hl-filter-item hl-filter-text hl-slide-swiper"><span>类型</span></div>
                        <ul class="hl-filter-list swiper-wrapper clearfix">
                            <li class="hl-filter-item hl-slide-swiper" th:each="list:${ctypes}"><a
                                    th:text="${list.csname}" th:@click="|changectype('${list.csname}')|"
                                    th:v-bind:class="|'${list.csname}'==ctype?'hl-text-conch active':''|">奇幻</a>
                            </li>
                        </ul>
                    </div>
                    <div class="hl-filter-wrap hl-navswiper">
                        <div class="hl-filter-item hl-filter-text hl-slide-swiper"><span>年份</span></div>
                        <ul class="hl-filter-list swiper-wrapper clearfix">
                            <li class="hl-filter-item hl-slide-swiper" th:each="list:${times}"><a
                                    th:text="${list.csname}" th:@click="|changetimes('${list.csname}')|"
                                    th:v-bind:class="|'${list.csname}'==time?'hl-text-conch active':''|">2022</a>
                            </li>
                        </ul>
                    </div>
                    <div class="hl-filter-wrap hl-navswiper">
                        <div class="hl-filter-item hl-filter-text hl-slide-swiper"><span>版本</span></div>
                        <ul class="hl-filter-list swiper-wrapper clearfix">
                            <li class="hl-filter-item hl-slide-swiper" th:each="list:${versions}"><a
                                    th:text="${list.csname}" th:@click="|changeversion('${list.csname}')|"
                                    th:v-bind:class="|'${list.csname}'==version?'hl-text-conch active':''|">剧场版</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="container">
                    <div class="hl-row-box">
                        <div class="hl-rb-vod clearfix">
                            <div class="hl-rb-head hl-head-page clearfix">
                                <div class="hl-rb-title hl-site-tabs hl-site-tits hl-text-site">
                                    <a :class="qtype=='new'?'active':''" @click="changeqtype('new')">按最新</a><a
                                        :class="qtype=='hot'?'active':''" @click="changeqtype('hot')">按最热</a><a
                                        :class="qtype=='score'?'active':''" @click="changeqtype('score')">按评分</a>
                                </div>
                                <div class="hl-page-small hl-text-muted cleafix" v-if="totalPage>1">
                                    <div class="hl-page-total">{{curPage}}&nbsp;/&nbsp;{{totalPage}}页</div>
                                    <div class="hl-page-btns"><a @click="page(prePage)"
                                                                 :class="prePage<=0?'hl-disad':''"><i
                                            class="iconfont hl-icon-jiantouzuo"></i></a><a @click="page(nextPage)"
                                                                                           :class="nextPage<=0?'hl-disad':''"><i
                                            class="iconfont hl-icon-jiantouyou"></i></a></div>
                                </div>
                                <span class="hl-rb-total hl-text-muted">共<em
                                        class="hl-total hl-text-conch" v-text="totalNum">{{cartoons.length<=0?0:cartoons.length}}</em>个筛选结果</span>
                            </div>
                            <div class="row">
                                <div class="hl-list-wrap">
                                    <ul class="hl-vod-list clearfix" v-if="cartoons.length>0">
                                        <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-md-20w hl-col-lg-2"
                                            v-for="(list,key) in cartoons"><a
                                                class="hl-item-thumb hl-lazy" :href="'/detail?ctid='+list.ctid"
                                                :title="list.cname"
                                                :data-original="list.cimage"
                                                :style="'background-image: url('+list.cimage+')'">
                                            <div class="hl-pic-icon hl-hidden-xs"><i
                                                    class="iconfont hl-icon-bofang-fill"></i>
                                            </div>
                                            <div class="hl-pic-tag"><span class="state">正片</span></div>
                                            <div class="hl-pic-text"><span class="hl-lc-1 remarks">{{list.cstate==null?'暂无':list.cstate}}</span>
                                            </div>
                                        </a>
                                            <div class="hl-item-text">
                                                <div class="hl-item-title hl-text-site hl-lc-1"><a
                                                        :href="'/detail?ctid='+list.ctid" :title="list.cname">{{list.cname}}</a>
                                                </div>
                                                <div class="hl-item-sub hl-text-muted hl-lc-1"><span
                                                        class="hl-text-conch score">{{list.cscore==null?'暂无':list.cscore}}</span>{{list.alias==null?'暂无':list.alias}}/
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul class="hl-page-wrap hl-text-center cleafix" v-if="totalPage>1">
                                        <li class="hl-hide-sm"><a @click="page(1)" class="hl-disad"><i
                                                class="iconfont hl-icon-jiantoushou"></i></a></li>
                                        <li v-if="totalPage>0"><a @click="page(1)"><span class="hl-hide-sm"><i
                                                class="iconfont hl-icon-jiantouyou"></i></span><span
                                                class="hl-hidden-xs">首页</span></a></li>
                                        <li v-if="prePage>0"><a @click="page(prePage)"><span class="hl-hide-sm"><i
                                                class="iconfont hl-icon-jiantouyou"></i></span><span
                                                class="hl-hidden-xs">上一页</span></a></li>
                                        <li class="hl-hidden-xs" v-for="i in totalPage"><a @click="page(i)"
                                                                                           :class="i==curPage?'active':''">{{i}}</a>
                                        </li>
                                        <li class="hl-page-tips hl-hide-sm"><a
                                                href="javascript:;">1&nbsp;/&nbsp;3</a>
                                        </li>
                                        <li v-if="nextPage>0"><a @click="page(nextPage)"><span class="hl-hide-sm"><i
                                                class="iconfont hl-icon-jiantouyou"></i></span><span
                                                class="hl-hidden-xs">下一页</span></a></li>
                                        <li class="hl-hide-sm"><a href="/show/1/page/3.html"><i
                                                class="iconfont hl-icon-jiantouwei"></i></a></li>
                                    </ul>
                                    <div class="hl-empty-wrap hl-text-center hl-col-xs-12"
                                         v-if="cartoons.length==0">
                                        <i class="iconfont hl-icon-wushuju"></i>
                                        <p>暂无数据</p></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script type="text/javascript">$('.hl-total').html('26');</script>
        </div>
        <div th:replace="index::.conch-footer"></div>
    </div>
</div>
<script src="https://lib.baomitu.com/vue/2.6.14/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.0/axios.min.js"></script>
<script type="text/javascript">
    let a = new Vue({
        el: "#conch-content",
        data: {
            classname: '全部',
            ctype: '全部',
            time: '全部',
            version: '全部',
            cartoons: [],
            totalPage: -1,
            curPage: -1,
            prePage: -1,
            nextPage: -1,
            qtype: 'new',
            totalNum: -1
        },
        methods: {
            changeclassname(classname) {
                this.classname = classname;
                this.select();
            },
            changeversion(versions) {
                this.version = versions;
                this.select();
            },
            changectype(ctype) {
                this.ctype = ctype;
                this.select();
            },
            changetimes(time) {
                this.time = time;
                this.select();
            },
            changeqtype(type) {
                this.qtype = type;
                this.select();
            },
            removeAll() {
                this.time = '全部';
                this.ctype = '全部';
                this.version = '全部';
                this.classname = '全部';
                this.select();
            },
            page(page) {
                this.curPage = page;
                this.select();
            },
            select() {
                var url = "show.do";
                var params = new URLSearchParams();
                params.append("classname", this.classname);
                params.append("ctype", this.ctype);
                params.append("time", this.time);
                params.append("version", this.version);
                if (this.curPage > 0) {
                    params.append("page", this.curPage);
                }
                params.append("qtype", this.qtype);
                axios.post(url, params).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.cartoons = data.data["dataList"];
                        this.prePage = data.data["prePage"];
                        this.nextPage = data.data["nextPage"];
                        this.curPage = data.data["curPage"];
                        this.totalPage = data.data["totalPage"];
                        this.totalNum = data.data["totalNum"];
                    } else {
                        this.cartoons = [];
                        this.totalPage = -1;
                        this.curPage = -1;
                        this.prePage = -1;
                        this.nextPage = -1;
                        this.totalNum = -1;
                    }
                })
            }
        },
        beforeMount() {
            this.select();
        }
    })
</script>
</body>
</html>